<template>
    <view class="box">
        <view class="empt" v-if="props.obj.isempt == '辅助空白'" :style="{ height: props.obj.height + 'px' }"></view>
        <view class="linebox" v-else>
            <view class="line"
                :style="{ 'border-style': props.obj.linetype == '实线' ? 'solid' : 'dashed', 'border-color': props.obj.color }">
            </view>
        </view>
    </view>
</template>
<script setup>
	import {
		ref,
		reactive,
		getCurrentInstance,
		defineProps
	} from "vue";
	import {
		onLoad,
		onShow,
	} from "@dcloudio/uni-app";
	const props = defineProps(['obj'])
	onLoad((option) => {

	})

</script>
<style scoped lang="scss">
.box {
    padding: 20rpx;
    background-color: #fff;

    .empt {}

    .linebox {
        height: 80rpx;
        display: flex;
        align-items: center;
        width: 100%;

        .line {
            width: 100%;
            border: 1px dashed #000;
            border-color: #1dd4ab;
        }
    }

}
</style>